<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
        <meta name="description" content="@Context.String(DocsKeys.Description)" />
        <meta name="keywords" content="static content generator,static site generator,static site,HTML,web development,.NET,C#,Razor,Markdown,YAML" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" href="@Context.GetLink("/assets/img/favicon.ico")" type="image/x-icon">
        <link rel="icon" href="@Context.GetLink("/assets/img/favicon.ico")" type="image/x-icon">
        <title>@Context.String(DocsKeys.Title, "Docs") - @ViewData[Keys.Title]</title>
        <link href="@Context.GetLink("/assets/css/mermaid.css")" rel="stylesheet">
        <link href="@Context.GetLink("/assets/css/bootstrap/bootstrap.css")" rel="stylesheet" />
        <link href="@Context.GetLink("/assets/css/adminlte/AdminLTE.css")" rel="stylesheet" />
        <link href="@Context.GetLink("/assets/css/theme/theme.css")" rel="stylesheet" />
        <link href="//fonts.googleapis.com/css?family=Roboto+Mono:400,700|Roboto:400,400i,700,700i" rel="stylesheet">
        <link href="@Context.GetLink("/assets/css/font-awesome.min.css")" rel="stylesheet" type="text/css">
        <link href="@Context.GetLink("/assets/css/override.css")" rel="stylesheet" />
        <script src="@Context.GetLink("/assets/js/jquery-2.2.3.min.js")"></script>
        <script src="@Context.GetLink("/assets/js/bootstrap.min.js")"></script>        
        <script src="@Context.GetLink("/assets/js/app.min.js")"></script>         
        <script src="@Context.GetLink("/assets/js/jquery.slimscroll.min.js")"></script>
        <script src="@Context.GetLink("/assets/js/jquery.sticky-kit.min.js")"></script>
        <script src="@Context.GetLink("/assets/js/mermaid.min.js")"></script>
        <!--[if lt IE 9]>
        <script src="@Context.GetLink("/assets/js/html5shiv.min.js")"></script>
        <script src="@Context.GetLink("/assets/js/respond.min.js")"></script>
        <![endif]-->  

		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/themes/prism.min.css" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/plugins/line-numbers/prism-line-numbers.min.css" />
		<script src="@Context.GetLink("/assets/js/alphaTab/alphaTab.min.js")"></script>
        @Html.Partial("_Head")
    </head>
    @{
        string layoutTopNav = Model.Bool(DocsKeys.NoSidebar, false) ? "layout-top-nav" : string.Empty;
        string noGutter = Model.Bool(DocsKeys.NoGutter, false) ? "no-gutter" : string.Empty;
    }
    <body class="hold-transition wyam @layoutTopNav @noGutter">    
        <div class="top-banner"></div>
        @{
            string withContainer = Model.Bool(DocsKeys.NoContainer, false) ? null : "with-container";
        }
        <div class="wrapper @withContainer">
            <!-- Header -->
            <header class="main-header">   
                     
                <a href="@Context.GetLink("/")" class="logo">
                    @{
                        FilePath logo = Context.FilePath(DocsKeys.Logo);
                        if(logo != null)
                        {
                            <text>
                                <!-- mini logo for sidebar mini 50x50 pixels -->
                                <span class="logo-mini"><img src="@Context.GetLink(logo)"></span>
                                <!-- logo for regular state and mobile devices -->
                                <span class="logo-lg"><img src="@Context.GetLink(logo)"></span>
                            </text>
                        }
                        else
                        {
                            <span>@Context.String(DocsKeys.Title, "Docs")</span>
                        }
                    }
                </a>   
                         
                <nav class="navbar navbar-static-top" role="navigation">
                    <!-- Sidebar toggle button-->
                    @if(!Model.Bool("NoSidebar", false))
                    {
                        <a href="#" class="sidebar-toggle visible-xs-block" data-toggle="offcanvas" role="button">
                            <span class="sr-only">Toggle side menu</span>
                            <i class="fa fa-chevron-circle-right"></i>
                        </a>
                    }
                                        
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
                            <span class="sr-only">Toggle side menu</span>
                            <i class="fa fa-chevron-circle-down"></i>
                        </button>
                    </div>
            
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse pull-left" id="navbar-collapse">
                        <ul class="nav navbar-nav">                            
                            @Html.Partial("_Navbar") 
                        </ul>       
                    </div>
                    <!-- /.navbar-collapse -->
                
                    <!-- Navbar Right Menu -->
                    @*
                    <div class="navbar-custom-menu">
                        <ul class="nav navbar-nav">
                            <li><a href="#">A Menu Item</a></li>
                            <li><a href="#">Another Item</a></li>
                            
                            <!-- Control Sidebar Toggle Button -->
                            <li>
                                <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
                            </li>
                        </ul>
                    </div>
                    *@
                </nav>
            </header>
            
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="main-sidebar @(Model.Bool("NoSidebar", false) ? "hidden" : string.Empty)">
                <section class="infobar" data-spy="affix" data-offset-top="60" data-offset-bottom="200"> 
                    @RenderSection("Infobar", false)
                </section>
                <section class="sidebar">    
                    @Html.Partial("_SidebarHeader")                 
                    @RenderSection("Search", false)
                    <ul class="sidebar-menu">
                        @RenderSection("Sidebar", false)
                    </ul>
                    @Html.Partial("_SidebarFooter")        
                </section>                
            </aside>
            
            <!-- Content Wrapper. Contains page content -->
            <div class="content-wrapper">
                @RenderBody()                
            </div>           
            
            <!-- Footer -->
            <footer class="main-footer">
            </footer>
            
            @*
            <!-- Control Sidebar -->
            <aside class="control-sidebar control-sidebar-dark">
                
            </aside>
            <!-- Add the sidebar's background. This div must be placed
                immediately after the control sidebar -->
            <div class="control-sidebar-bg"></div>
            *@
        </div>
        <div class="wrapper bottom-wrapper">
            <footer class="bottom-footer">
                @Html.Partial("_Footer")
            </footer>
        </div>
        <a href="javascript:" id="return-to-top"><i class="fa fa-chevron-up"></i></a>
		
		<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/prism.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/plugins/line-numbers/prism-line-numbers.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/plugins/normalize-whitespace/prism-normalize-whitespace.js"></script>

        @Html.Partial("_Bottom")
        <script>           
			window.texSample = @(Model.Bool("TexSample", false).ToString().ToLower());

            // Close the sidebar if we select an anchor link
            $(".main-sidebar a[href^='#']:not('.expand')").click(function(){
                $(document.body).removeClass('sidebar-open');
            });
            
            $(document).load(function() {
                mermaid.initialize(
                {
                    flowchart:
                    {
                        htmlLabels: false,
                        useMaxWidth:false
                    }
                });  
                mermaid.init(undefined, ".mermaid")
                $('svg').addClass('img-responsive');
            });

            // Back to top
            $(window).scroll(function() {
                if ($(this).scrollTop() >= 200) {        // If page is scrolled more than 50px
                    $('#return-to-top').fadeIn(1000);    // Fade in the arrow
                } else {
                    $('#return-to-top').fadeOut(1000);   // Else fade out the arrow
                }
            });
            $('#return-to-top').click(function() {      // When arrow is clicked
                $('body,html').animate({
                    scrollTop : 0                       // Scroll to top of body
                }, 500);
            });
        </script>
		<script src="@Context.GetLink("/assets/js/examples.js")"></script>
    </body>
</html>